<!doctype html>
[#escape x as (x)!?html]
<html lang="zh-CN">
<head>
  <meta charset="utf-8">
  <title>${site.seoTitle} - Powered by JPROCMS</title>
  <meta name="keywords" content="${site.seoKey}">
  <meta name="description" content="${site.seoDesc}">
  [#include '../includes/common_res.html'/]
</head>
<body>
[#assign shadowNav=true/]
[#if config.grade>1&&!dynamic]
    <!--# include file="/${site.sitePathPrefix}/includes/header.html" -->
[#else]
    [#include '../includes/header.html'/]
[/#if]
[#include '../includes/inc_msg.html'/]
<div class="container mt-4">
  <div class="row mt-1 mb-2 text-center font-weight-bold">
    <div class="col">
      [@ZContentList dictMark='1' count='1'; contents]
      [#list contents as content]
        [@ZUrl object=content class="text-reset text-decoration-none"]
        <h4 class="index_toutiao">${content.title}</h4>
        [/@ZUrl]
      [/#list]
    </div>
  </div>
  <div class="row">
    <div class="col col-lg-8">
      [/@ZContentList]
      [@ZContentList dictBlock='1' count='5'; contents]
        <div id="carouselCaptions" class="carousel slide" data-ride="carousel">
          <ol class="carousel-indicators">
            [#list contents as content]
              <li data-target="#carouselCaptions" data-slide-to="${content_index?c}" class="[#if content_index==0]active[/#if]"></li>
            [/#list]
          </ol>
          <div class="carousel-inner rounded-sm">
            [#list contents as content]
              <div class="carousel-item[#if content_index==0] active[/#if]">
                [@ZUrl object=content class="text-reset text-decoration-none"]
                <img src="${content.sysImage!}" class="d-block w-100" alt="...">
                  <div class="carousel-caption d-none d-md-block">
                    <p>${content.title}</p>
                  </div>
                  [/@ZUrl]
              </div>
            [/#list]
          </div>
          <a class="carousel-control-prev" href="#carouselCaptions" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#carouselCaptions" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
        </div>
        <script>$('.carousel').carousel();</script>
      [/@ZContentList]
      <div class="mt-4 h4">热点要闻</div>
      [@ZContentList channel='news' includeChildChannel='true'  count=10; list]
        <ul id="articleList" class="list-unstyled mt-4">
          [#include '../includes/content_item.html'/]
        </ul>
      [/@ZContentList]
    </div>
    [#include '../includes/inc_index_right.html'/]
  </div>
  [#include '../includes/inc_link.html'/]
</div>
[#if config.grade>1&&!dynamic]
    <!--# include file="/${site.sitePathPrefix}/includes/footer.html" -->
[#else]
    [#include '../includes/footer.html'/]
[/#if]
<script>
    //站点计数的首页请求
    axios.get('${api}/flow/index/${site.id}').then(function (response) {
      if(response.data.data.onlyIndexGrey){
        $('body').attr('style', '-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);filter:gray;')
      }
    });
</script>
</body>
</html>
[/#escape]
